/* 这里是全局样式，起初是为了解决大盒子外白边问题 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: #000;
  text-decoration: none;
}

body {
  background: linear-gradient(45deg, #d0e1f9, #97d5ed, #e0ffff, #d5f4e6, #f5fffa, #b0e0e6, #9af39a, #c8f0ca);
  background-size: 800% 800%;
  /* 扩大背景尺寸以实现平滑滚动 */
  animation: flowColors 30s ease infinite;
}

/* 定义多方向流动的关键帧，用于设置动态背景色 */
@keyframes flowColors {
  0% {
    background-position: 0% 50%;
  }

  25% {
    background-position: 100% 50%;
  }

  50% {
    background-position: 100% 100%;
  }

  75% {
    background-position: 0% 100%;
  }

  100% {
    background-position: 0% 50%;
  }
}